<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/tenders.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body tenders create">
            <div class="page-border layoutLR mt30">
                <div>
                    <h3>创建招标项目</h3>
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">项目名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">项目所属模版</label>
                            <div class="layui-input-block">
                                <select></select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">项目规模</label>
                            <div class="layui-input-block">
                                <textarea placeholder="请输入" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">项目编号</label>
                            <div class="layui-input-block">
                                <input type="text" name="username"
                                    placeholder="输入项目编号，包括招标人编号和招标代理编号，如：招标人编号：XXXXX（招标代理编号：XXXXX）" autocomplete="off"
                                    class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-col-space10">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label required">招标人</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入招标人" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <label class="layui-form-label required">招标代理</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入招标代理" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-col-space10">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label required">项目负责人</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入项目负责人" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <label class="layui-form-label required">招标金额</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入招标金额" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="right">
                    <div class="module">
                        <h3>已选定模板信息</h3>
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">模板名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" lay-verify="required" placeholder="请输入模板名称"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">招标方式</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" lay-verify="required" placeholder="请输入招标方式"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">招标分类</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" lay-verify="required" placeholder="请输入招标分类"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">模板格式</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" lay-verify="required" placeholder="请输入模板格式"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">评分办法</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" lay-verify="required" placeholder="请输入评分办法"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">评标方式</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" lay-verify="required" placeholder="请输入评标方式"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">模板简介</label>
                                <div class="layui-input-block">
                                    <textarea placeholder="请输入模板简介" class="layui-textarea"></textarea>
                                </div>
                            </div>

                        </form>
                    </div>

                    <div class="layui-btn-center mt30" style="text-align: center;">
                        <button type="button" class="layui-btn layui-btn-radius  layui-bg-green">更换招标模板</button>
                    </div>
                </div>


                <div class="layui-btn-center mt30">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-radius">保存招标项目</button>
                    <button type="button" class="layui-btn layui-btn-radius">保存并进入文件编辑</button>
                </div>
            </div>
        </div>

        <!-- 移动弹窗 -->
        <div id="select-layer" style="display: none;">
            <div class="dialog">
                <div class="layui-tab layui-tab-brief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">全部模板</li>
                        <li>我收藏的</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <form class="layui-form mt30" action="">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">模板名称</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                                class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">分类</label>
                                        <div class="layui-input-inline">
                                            <select name="quiz">
                                                <option value="">请选择</option>
                                                <option value="你工作的第一个城市">你工作的第一个城市</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <div class="template-list hasCheckbox">
                                <ul>
                                    <li>
                                        <div class="title">
                                            <span><i class="iconfont use-a-1"></i> 服务类</span>
                                            <span>公开招标</span>
                                        </div>
                                        <div class="info">
                                            <div>
                                                <span>模板名称：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>选择格式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评分办法：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评标方式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>模板简介：</span>
                                                <span>五部委推荐格式五部委推荐格式五部委推荐格式</span>
                                            </div>
                                        </div>
                                        <input class="checkbox" type="checkbox" name="AAA" title="默认">
                                    </li>
                                    <li>
                                        <div class="title">
                                            <span><i class="iconfont use-a-1"></i> 服务类</span>
                                            <span>公开招标</span>
                                        </div>
                                        <div class="info">
                                            <div>
                                                <span>模板名称：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>选择格式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评分办法：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评标方式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>模板简介：</span>
                                                <span>五部委推荐格式五部委推荐格式五部委推荐格式</span>
                                            </div>
                                        </div>
                                        <input class="checkbox" type="checkbox" name="AAA" title="默认">
                                    </li>
                                    <li>
                                        <div class="title">
                                            <span><i class="iconfont use-a-1"></i> 服务类</span>
                                            <span>公开招标</span>
                                        </div>
                                        <div class="info">
                                            <div>
                                                <span>模板名称：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>选择格式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评分办法：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评标方式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>模板简介：</span>
                                                <span>五部委推荐格式五部委推荐格式五部委推荐格式</span>
                                            </div>
                                        </div>
                                        <input class="checkbox" type="checkbox" name="AAA" title="默认">
                                    </li>
                                    <li>
                                        <div class="title">
                                            <span><i class="iconfont use-a-1"></i> 服务类</span>
                                            <span>公开招标</span>
                                        </div>
                                        <div class="info">
                                            <div>
                                                <span>模板名称：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>选择格式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评分办法：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>评标方式：</span>
                                                <span>五部委推荐格式</span>
                                            </div>
                                            <div>
                                                <span>模板简介：</span>
                                                <span>五部委推荐格式五部委推荐格式五部委推荐格式</span>
                                            </div>
                                        </div>
                                        <input class="checkbox" type="checkbox" name="AAA" title="默认">
                                    </li>

                                </ul>
                            </div>
                            <div id="demo-laypage-layout" style="text-align: right;"></div>

                        </div>
                        <div class="layui-tab-item">内容-2</div>
                    </div>
                </div>

                <div class="dialog-footer">
                    <!-- 主体 -->
                    <div class="cent">
                        <button type="button" class="layui-btn btn-text">取消</button>
                        <button type="button" class="layui-btn layui-btn-radius">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </use-body>
</body>

<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var laypage = layui.laypage;

        // 自定义排版
        laypage.render({
            elem: 'demo-laypage-layout',
            count: 1000,
            layout: ['count', 'prev', 'page', 'next', 'limit']
        });
        util.on('lay-on', {
            'select-layer': function () {
                layer.open({
                    type: 1,
                    area: ['1460px', 'auto'],
                    shade: false, // 不显示遮罩
                    content: $('#select-layer'), // 捕获的元素
                    title: '选择招标模块',
                    closeBtn: 1,
                    end: function () {
                        // layer.msg('关闭后的回调', {icon:6});
                    }
                });
            },
        })

    });
</script>

</html>